    <style include="cr-hidden-style">
      cr-tabs {
        --cr-tabs-font-size: inherit;
        --cr-tabs-height: 40px;
        margin-bottom: 24px;
      }
    </style>

    <template is="dom-if" if="[[showCaTrustEditDialog_]]" restamp>
      <ca-trust-edit-dialog model="[[dialogModel_]]">
      </ca-trust-edit-dialog>
    </template>
    <template is="dom-if" if="[[showDeleteConfirmationDialog_]]" restamp>
      <certificate-delete-confirmation-dialog
          model="[[dialogModel_]]"
          certificate-type="[[dialogModelCertificateType_]]">
      </certificate-delete-confirmation-dialog>
    </template>
    <template is="dom-if" if="[[showPasswordEncryptionDialog_]]" restamp>
      <certificate-password-encryption-dialog>
      </certificate-password-encryption-dialog>
    </template>
    <template is="dom-if" if="[[showPasswordDecryptionDialog_]]" restamp>
      <certificate-password-decryption-dialog>
      </certificate-password-decryption-dialog>
    </template>
    <template is="dom-if" if="[[showErrorDialog_]]" restamp>
      <certificates-error-dialog model="[[errorDialogModel_]]">
      </certificates-error-dialog>
    </template>

    <cr-tabs selected="{{selected}}" tab-names="[[tabNames_]]"></cr-tabs>
    <iron-pages selected="[[selected]]">
      <div>
        <certificate-list id="personalCerts"
            certificates="[[personalCerts]]"
            certificate-type="[[certificateTypeEnum_.PERSONAL]]"
            import-allowed="[[clientImportAllowed]]">
        </certificate-list>
<if expr="is_chromeos">
        <certificate-provisioning-list></certificate-provisioning-list>
</if>
      </div>
      <div>
        <template is="dom-if" if="[[isTabSelected_(selected, 1)]]">
          <certificate-list id="serverCerts"
              certificates="[[serverCerts]]"
              certificate-type="[[certificateTypeEnum_.SERVER]]"
              import-allowed="true">
          </certificate-list>
        </template>
      </div>
      <div>
        <template is="dom-if" if="[[isTabSelected_(selected, 2)]]">
          <certificate-list id="caCerts"
              certificates="[[caCerts]]"
              certificate-type="[[certificateTypeEnum_.CA]]"
              import-allowed="[[caImportAllowed]]">
          </certificate-list>
        </template>
      </div>
      <div>
        <template is="dom-if" if="[[isTabSelected_(selected, 3)]]">
          <certificate-list id="otherCerts"
              certificates="[[otherCerts]]"
              certificate-type="[[certificateTypeEnum_.OTHER]]"
              import-allowed="false">
          </certificate-list>
        </template>
      </div>
    </iron-pages>
